<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>处方管理</title>
  <script src="../../lib/JQuery/jquery-1.11.3.js"></script>
  <script src="../../lib/bootstrap-4.6.1/js/bootstrap.js"></script>
  <link rel="stylesheet" href="../../lib/bootstrap-4.6.1/css/bootstrap.css">
  <link rel="stylesheet" href="../../src/font/department-font/iconfont.css">
  <link rel="stylesheet" href="../../css/department.css">
  <link rel="stylesheet" href="../../css/index.css">
</head>

<body>
  <!-- 处方管理 ==========================-->
  <div class="content-cf">
    <div class="content-son content-cf-z">
      <div class="content-1 ">
        <form class="form-inline">
          <div class="form-group">
            <input type="text" class="form-control departmentInput" id="searchKs" placeholder="请输入订单号">
          </div>
          <div class="form-group">
            <input type="text" class="form-control departmentInput" id="searchKs" placeholder="请输入开方医生名称">
          </div>
          <!-- 下拉选项 -->
          <form>
            <div class="form-group">
              <select class="form-control" id="exampleFormControlSelect1">
                <option>选择状态</option>
                <option>待支付</option>
                <option>已购买</option>
              </select>
            </div>
            <button class="btn btn-default departmentButton1 prescription-seareh   iconfont icon-chaxun"
              type="submit">&nbsp;查询</button>
            <button class="btn btn-default departmentButton1 iconfont icon-qingkong" type="submit">&nbsp;清空</button>
          </form>

        </form>
      </div>
      <div class="content-2">
        <button class="btn btn-default departmentButton3 iconfont icon-daochu" type="button">&nbsp;导出</button>
      </div>
      <!-- 表格 -->
      <div class="content-3">
        <table class="table" id="table-s">
          <thead>
            <tr>
              <th scope="col"><input type="checkbox">&nbsp;ID</th>
              <th scope="col">订单编号</th>
              <th scope="col">处方类型</th>
              <th scope="col">诊断结果</th>
              <th scope="col">开放医生</th>
              <th scope="col">患者</th>
              <th scope="col">处方状态</th>
              <th scope="col">开放时间</th>
              <th scope="col">审核时间</th>
              <th scope="col">操作</th>
              </th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
            </tr>
            <tr>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
            </tr>
            <tr>
              <td>Mark</td>
              <td>Otto</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
              <td>@mdo</td>
            </tr>
          </tbody>
        </table>
      </div>
      <!-- 分页 -->
      <div class="paging prescription-paging">
        <span>共1页</span>
        <!-- 下拉 -->
        <div>
        </div>
        <!-- 按钮 -->
        <nav aria-label="Page navigation example">
          <ul class="pagination">
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>
        </nav>
        <!-- 前往第几页 -->
        <div>
          <span>前往</span><span class="yeshu"></span><span>页</span>
        </div>
        <!-- 跳转 -->
        <a href="#">跳转</a>
      </div>
    </div>




    <!-- 处方详情 审核处方 ===================================-->
    <div class="prescription-Details">
      <!-- 1基本信息 -->
      <div class="basic-information">
        <div class="basic-information-z">
          <div class="basic-information-1">
            <span class="basic-information-line"></span>
            <span>基本信息</span>
          </div>
          <div class="basic-information-2">
            <p>诊断结果：</p>
          </div>
          <div>
            <textarea class="basic-information-3">盗汗体虚严重，需要大补</textarea>
          </div>
          <div class="basic-information-4">
            <div>
              <div class="basic-information-4-left">
                <span>开方医生:</span>
                <span>Mr.Ge</span>
              </div>
              <div class="basic-information-4-right">
                <span>审核药师：</span>
                <span>小升</span>
              </div>
            </div>

            <div>
              <div class="basic-information-4-left">
                <span>处方状态:</span>
                <span>已购买</span>
              </div>
            </div>


            <div>
              <div class="basic-information-4-left">
                <span>患者姓名:</span>
                <span>小升</span>
              </div>
              <div class="basic-information-4-right">
                <span>患者年龄：</span>
                <span>28</span>
              </div>
            </div>

            <div>
              <div class="basic-information-4-left">
                <span>患者性别:</span>
                <span>男</span>
              </div>
              <div class="basic-information-4-right">
                <span>处方类型：</span>
                <span>中药</span>
              </div>
            </div>

            <div>
              <div class="basic-information-4-left">
                <span>开方时间:</span>
                <span>2022-10-10 12:00:00</span>
              </div>
              <div class="basic-information-4-right">
                <span>审核时间：</span>
                <span>2022-10-11 12:00:00</span>
              </div>
            </div>

          </div>
        </div>
      </div>
      <!-- 2处方信息 -->
      <div class="prescribing-information">
        <div class="prescribing-information-son">
          <!--处方信息-1 -->
          <div class="basic-information-1 prescription-Details-space">
            <span class="basic-information-line"></span>
            <span>处方信息</span>
          </div>
          <!-- 处方信息-2 -->
          <div class="prescription-table">
            <table class="table" >
              <thead >
                <tr>
                  <th scope="col">药品名称</th>
                  <th scope="col">药品图片</th>
                  <th scope="col">剂量</th>
                  <th scope="col">用法</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <th scope="row">1</th>
                  <td>Mark</td>
                  <td>Otto</td>
                  <td>@mdo</td>
                </tr>
                <tr>
                  <th scope="row">2</th>
                  <td>Jacob</td>
                  <td>Thornton</td>
                  <td>@fat</td>
                </tr>
                <tr>
                  <th scope="row">3</th>
                  <td>Larry</td>
                  <td>the Bird</td>
                  <td>@twitter</td>
                </tr>
              </tbody>
            </table>
          </div>
          <!-- 处方信息-3-->
            <div class="paging prescription-paging">
              <span>共1页</span>
              <!-- 下拉 -->
              <div>
              </div>
              <!-- 按钮 -->
              <nav aria-label="Page navigation example">
                <ul class="pagination">
                  <li class="page-item">
                    <a class="page-link" href="#" aria-label="Previous">
                      <span aria-hidden="true">&laquo;</span>
                    </a>
                  </li>
                  <li class="page-item"><a class="page-link" href="#">1</a></li>
                  <li class="page-item"><a class="page-link" href="#">2</a></li>
                  <li class="page-item"><a class="page-link" href="#">3</a></li>
                  <li class="page-item"><a class="page-link" href="#">3</a></li>
                  <li class="page-item"><a class="page-link" href="#">3</a></li>
                  <li class="page-item">
                    <a class="page-link" href="#" aria-label="Next">
                      <span aria-hidden="true">&raquo;</span>
                    </a>
                  </li>
                </ul>
              </nav>
              <!-- 前往第几页 -->
              <div>
                <span>前往</span><span class="yeshu"></span><span>页</span>
              </div>
              <!-- 跳转 -->
              <a href="#">跳转</a>
            </div>
        </div>
      </div>
      <!-- 3复用说明 -->
      <div class="reuse-description">
        <!-- 复用说明-a -->
        <div>
          <div class="basic-information-1 prescription-Details-space">
            <span class="basic-information-line"></span>
            <span>处方信息</span>
          </div>
        </div>
        <!-- 复用说明-b -->
        <div class="reuse-2 row">
          <div class="col-4">
            <span>使用频率：</span>
            <span>一日一次</span>
          </div>
          <div class="col-4"></div>
          <div class="col-4">
            <span>用法：</span>
            <span>煎煮</span>
          </div>
        </div>
        <!-- 复用说明-c -->
        <div class="reuse-3"><span>备注：</span></div>
        <!-- 复用说明-d -->
        <div>
          <textarea class="basic-information-3">全部药物一起进行煎煮</textarea>
        </div>
      </div>
    </div>
    <!--审核处方按钮  -->
    <div class="prescription-result" >
      <div class="prescription-result-son">
        <!-- <button type="button" class="btn btn-light prescription-b1">审核不通过</button> -->
        <button type="button" class="btn btn-primary prescription-b1" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">审核未通过</button>
        
        
        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
          <div class="modal-dialog">
            <div class="modal-content">
              <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">请输入拒绝审核的原因</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true">&times;</span>
                </button>
              </div>
              <div class="modal-body">
                <form>
                  
                  <div class="form-group">
                 
                    <textarea class="form-control" id="message-text"></textarea>
                  </div>
                </form>
              </div>
              <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">确认</button>
              </div>
            </div>
          </div>
        </div>
        <button type="button" class="btn btn-dark prescription-b2">审核通过</button>
      </div>
      
    </div>
  </div>
</body>

</html>